@import '@common/styles/index.scss';

.dialog {
  :global {
    .dzq-modal__container {
      padding: $padding-6n;
      width: calc(570px - 48px);
      min-height: 400px;
      height: 60vh;
      max-height: 1000px;
      border-radius: $border-radius-small;

      iframe {
        height: calc(100% - 20px);
        width: 100%;
      }
    }
    .dzq-modal__body {
      padding: 0;
      height: 100%;
    }
  }
}
.popup {
  z-index: $zindex-dialog;

  .header {
    position: relative;
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    .header-close {
      position: absolute;
      right: 16px;
      top: 50%;
      margin-top: -6px;
      color: $icon-color;
    }
  }

  .iframe-box {
    height: calc(100vh - 32px);
  }

  :global {
    .dzq-popup__container {
      height: 100vh;
      height: -webkit-fill-available;
      min-height: 100vh;
      /* mobile viewport bug fix */
      min-height: -webkit-fill-available;
      background-color: $white;

      iframe {
        height: 100%;
        width: 100%;
      }
    }
    .dzq-popup__body {
      padding: 0;
      height: 100%;
    }
  }
}
